#code-container
  #acearea
div
  #start-time.number 0
  #slider-container
    input#slider(value='0', type='range', step='0.001')
  #end-time.number n
#control-container
  #play-container
    button#play-button Play
    button#pause-button Pause
    button#next-frame-button Next Second
    button#next-frame-button Next Event
  #speed-container
    button.speed-button(data-speed='1').clicked 1x
    button.speed-button(data-speed='2') 2x
    button.speed-button(data-speed='4') 4x
    button.speed-button(data-speed='8') 8x
#event-container
  .event-label.spade-created spade-created
  .event-label.code-run code-run
  .event-label.code-reset code-reset
  .event-label.code-error code-error
  .event-label.saving-spade saving-spade
  .event-label.destroying-view destroying-view
  .event-label.victory-shown victory-shown
